<template>
  <div>
    <el-table :data="tableData" stripe style="width: 100%" v-loading='loading'>
      <el-table-column prop="id" label="职责编号" width="250">
      </el-table-column>
      <el-table-column prop="name" label="职责名称" width="250">
      </el-table-column>
      <el-table-column prop="create_time" label="添加时间"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "DutyList",
  data() {
    return {
      tableData: [],
      loading: true,
    };
  },
  props: {},

  components: {},

  created() {},

  mounted() {
    setTimeout(() => {
      this.$axios
        .get("/users/duty/")
        .then((result) => {
          console.log(result);
          this.tableData = result.data;
        })
        .catch((err) => {
          console.log(err);
        });
      this.loading = false;
    }, 2000);
  },

  methods: {},

  computed: {},

  watch: {},

  directives: {},

  filters: {},
};
</script>

<style scoped>
* {
  margin: 0;
}
</style>
